<template>
  <div>
    <div class="log">
      <i class="iconfont iconguanbi"></i>
      <span class="text">登录</span>
      <i class="iconfont iconwode"></i>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style scoped lang="less">
.log {
  width: 100%;
  height: 100px;
  background-color: #3296fa;
  color: #fff;
  text-align: center;
  position: relative;
  .text {
    display: block;
    font-size: 38px;
    padding-top: 26px;
  }
  .iconguanbi {
    font-size: 12px;
    position: absolute;
    top: 40%;
    left: 20px;
  }
  .iconwode {
    font-size: 40px;
    position: absolute;
    top: 30%;
    right: 10px;
  }
}
</style>
